<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>欢迎使用TSGL系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name=”viewport” content=”width=device-width, initial-scale=1″ /><!--java web自适应屏幕-->
    <link rel="shortcut icon" href="${ctx}/jsp/images/OA.ico" type="image/x-icon"/> 
    <link type="text/css"  rel="stylesheet" href="${ctx}/jsp/css/book-zhuce.css"/>

</head>
<body>
    <div class="loginView">
    
        <div class="loginView-head">
            欢迎注册TSGL账户
        </div>
        
        <div class="loginView-ifmaion">
            <form method="post" action="${ctx}/userAction_register">
                <input class="loginView-name" name="username" type="text" placeholder="用户名"/>
                <input class="loginView-psd" name="password" type="password" placeholder="输入密码"/>
                <input class="loginView-emall" name="email" type="text" placeholder="输入邮箱"/>
                <div class="rmName">
                    <div class="rmName-left">
                        显示密码？
                    </div>
                    <div class="rmName-midden">
                        <label class="iSwitch">
                           <input type="checkbox">
                           <i></i>
                        </label> 
                    </div>
                    <div class="rmName-right">
                        <a href="${ctx}/userAction_toLogin">已有账户？</a>
                    </div>
                </div>
                
                <div class="loginView-btn">
                    <button type="submit" class="loginView-btnSon">注册</button>
                    
                </div>
                
                <div class="loginView-btnzc">
                    <a href="#" class="fh">返回</a>   
                    <a href="#" class="ks" onclick="click_dig()">快速登录</a>
                </div>
            </form>
        </div>
    </div> 
    <div class="zhuce">
        <div class="zctop">
                <h3>TSGL图书管理系统</h3>
        </div>
        <div class="zctext">
            用第三方账号注册TSGL
        </div>
        <div class="zcmiddle">
            <div class="zcmWB" onclick="window.open('https://api.weibo.com/oauth2/authorize?client_id=2499394483&response_type=code&redirect_uri=http%3A%2F%2Fhuaban.com%2Foauth%2Fcallback%2F&display=default')"></div>
            <div class="zcmQQ" onclick="window.open('https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=100240394&response_type=code&redirect_uri=http%3A%2F%2Fhuaban.com%2Foauth%2Fcallback%2F&scope=get_user_info%2Cadd_topic%2Cget_info%2Cget_fanslist%2Cget_idolist%2Cadd_idol%2Ccheck_page_fans')"></div>
            <div class="zcmWX" onclick="window.open('https://open.weixin.qq.com/connect/qrconnect?appid=wxadc3342faa49acef&response_type=code&redirect_uri=http%3A%2F%2Fhuaban.com%2Foauth%2Fcallback%2F&scope=snsapi_login&state=STATE#wechat_redirect')"></div>
        </div>
        <div class="zcbotton">
            <div class="zcbotton-left">
                已有账号？<a href="book-login.html">登录到TSGL</a>
            </div>
        </div>
    </div>
    <script>
        var zhuce = document.getElementsByClassName('zhuce')[0];
        function click_dig(){
            zhuce.style.display = 'block';
            //zhuce.className = 'show';
            body.style.opacity = 0.6;
            
        }
    </script>
</body>
</html>